    <!--
  ~ Electronic Logistics Management Information System (eLMIS) is a supply chain management system for health commodities in a developing country setting.
  ~
  ~ Copyright (C) 2015  John Snow, Inc (JSI). This program was produced for the U.S. Agency for International Development (USAID). It was prepared under the USAID | DELIVER PROJECT, Task Order 4.
  ~
  ~ This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.
  ~
  ~ This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero General Public License for more details.
  ~
  ~ You should have received a copy of the GNU Affero General Public License along with this program.  If not, see <http://www.gnu.org/licenses/>.
  -->

<div class="row-fluid sortable ui-sortable">
            <div class="box span12">
                    <div class="box-header">
                        <h2 openlmis-message="report.title.pipeline.export"><i class="icon-edit"></i><span class="break"></span></h2>
                        <div class="box-icon">
                            <a ng-click="section(0)" ng-show="show(1)" class="btn-minimize"><i class="icon-chevron-up"></i></a>
                            <a ng-click="section(1)"  ng-show="show(0)" class="btn-minimize"><i class="icon-chevron-down"></i></a>
                            <a id="pdf-button" ng-show="filterForm.$valid" href="" ng-click="exportReport('PDF')" class='btn-small btn-info'><span openlmis-message="label.pdf"></span></a>
                            <a id="xls-button" ng-show="filterForm.$valid" href="" ng-click="exportReport('XLS')" class='btn-small btn-info'><span openlmis-message="label.excel"></span></a>
                        </div>
                    </div>
            <div>
                <div class="app-form">

                  <form ng-submit="filterGrid()"  name="filterForm" novalidate>
                    <div filter-container class="clearfix">
                      <program-filter class="form-cell horizontalFilters" required="true"></program-filter>
                      <schedule-filter class="form-cell horizontalFilters" required="true"></schedule-filter>
                      <year-filter class="form-cell horizontalFilters" required="true"></year-filter>
                      <period-filter class="form-cell horizontalFilters" required="true"></period-filter>
                    </div>
                  </form>
                </div>
            </div>
                <div class="content-body">
                    <table class="table table-bordered" ng-show="data == undefined || data.length == 0">
                        <tr>
                            <td>No data to show under selected filters</td>
                        </tr>
                    </table>
                     <pre>{{xml}}</pre>
                </div>

            </div>
  </div>
